<script lang='ts' setup>
import { reactive,onMounted,ref} from 'vue'

const props = withDefaults(defineProps<{
    tableData: Array<any>,
	tabsIndex: number
}>(), {
    tableData: () => ([]),
	tabsIndex: 0
})

const previewInfo = (id: number) => {

}
</script>

<template>
    <main>
        <el-table :data="props.tableData" border style="width: 100%" v-show="props.tabsIndex === 1">
			<el-table-column label="门店名称"  prop="id" />
			<el-table-column label="商品ID"  prop="id" />
			<el-table-column label="商品图片"  prop="id" />
			<el-table-column label="品牌"  prop="id" />
			<el-table-column label="商品名称"  prop="id" />
			<el-table-column label="商品类型"  prop="id" />
			<el-table-column label="商品规格"  prop="id" />
			<el-table-column label="销售价格"  prop="id" />
			<el-table-column label="寄存数量"  prop="id" />
			<el-table-column label="负债金额"  prop="id" />
			<el-table-column label="商品成本"  prop="id" /> 
		</el-table>

		<el-table :data="props.tableData" border style="width: 100%" v-show="props.tabsIndex === 2">
			<el-table-column label="门店名称"  prop="id" />
			<el-table-column label="卡项ID"  prop="id" />
			<el-table-column label="卡项名称"  prop="id" />
			<el-table-column label="属性"  prop="id" />
			<el-table-column label="规格"  prop="id" />
			<el-table-column label="销售价格"  prop="id" />
			<el-table-column label="可用次数"  prop="id" />
			<el-table-column label="可用时间"  prop="id" />
			<el-table-column label="负债金额"  prop="id" /> 
			<el-table-column label="总成本"  prop="id" /> 
			<el-table-column label="产品成本"  prop="id" /> 
			<el-table-column label="手工成本"  prop="id" /> 
			<el-table-column label="消耗提成成本"  prop="id" /> 
			<el-table-column label="所需产品数量"  prop="id" /> 
		</el-table>

		<!-- <el-table :data="props.tableData" border style="width: 100%" v-show="props.tabsIndex === 2">
			<el-table-column label="门店名称"  prop="id" />
			<el-table-column label="卡项ID"  prop="id" />
			<el-table-column label="卡项名称"  prop="id" />
			<el-table-column label="属性"  prop="id" />
			<el-table-column label="规格"  prop="id" />
			<el-table-column label="销售价格"  prop="id" />
			<el-table-column label="可用次数"  prop="id" />
			<el-table-column label="可用时间"  prop="id" />
			<el-table-column label="负债金额"  prop="id" /> 
			<el-table-column label="总成本"  prop="id" /> 
			<el-table-column label="产品成本"  prop="id" /> 
			<el-table-column label="手工成本"  prop="id" /> 
			<el-table-column label="消耗提成成本"  prop="id" /> 
			<el-table-column label="所需产品数量"  prop="id" /> 
		</el-table> -->

		<el-table :data="props.tableData" border style="width: 100%" v-show="props.tabsIndex === 3">
			<el-table-column label="门店名称"  prop="id" />
			<el-table-column label="充值金额"  prop="id" />
			<el-table-column label="已耗卡金额"  prop="id" />
			<el-table-column label="赠送金额"  prop="id" />
			<el-table-column label="已消耗赠送金额"  prop="id" />
			<el-table-column label="本金负债金额"  prop="id" />
			<el-table-column label="赠送负债金额"  prop="id" />
		</el-table>

		<el-table :data="props.tableData" border style="width: 100%" v-show="props.tabsIndex === 4">
			<el-table-column label="门店名称"  prop="id" />
			<el-table-column label="已发放代金券数量"  prop="id" />
			<el-table-column label="已发放代金券金额"  prop="id" />
			<el-table-column label="待到帐代金券数量"  prop="id" />
			<el-table-column label="待到帐代金券金额"  prop="id" />
			<el-table-column label="未使用代金券数量"  prop="id" />
			<el-table-column label="未使用代金券金额"  prop="id" />
			<el-table-column label="总计代金券负债数量"  prop="id" />
			<el-table-column label="总计代金券负债金额"  prop="id" />
		</el-table>
    </main>
</template>

<style lang='scss' scoped>

</style>